import React, {JSX} from 'react';
import {View} from 'react-native';
import {BasicText} from '../../../kit/text';
import {normalize } from '../../../utils/adapter';

type Props = {
  title: string;
};

function TopTitle({title}: Props): JSX.Element {
  return (
    <View style={{justifyContent: 'center', alignItems: 'center', height: normalize(54)}}>
      <BasicText fontSize={normalize(18)}>{title}</BasicText>
    </View>
  );
}

export default React.memo(TopTitle);
